<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单用法</title>
</head>
<body>
<!--一共12个基本控件-->
<form action="a.jsp" method="post">
    <input type="hidden" name="sid" value="1001">
    姓名:<input type="text" name="username"> <br>
    密码:<input type="password" name="password"><br>
    性别:
    <input type="radio" name="sex" value="男">男
    <input type="radio" name="sex" value="女">女 <br>
    爱好:
    <input type="checkbox" name="loves" value="游泳">游泳
    <input type="checkbox" name="loves" value="下棋">下棋
    <input type="checkbox" name="loves" value="打牌">打牌
    <input type="checkbox" name="loves" value="看电影">看电影 <br>
    图片:
    <input type="file" name="picture" >  <br>
    学历:
    <!--multiple: 代表多选 size:显示出来的选项个数-->
    <select name="xueli" multiple size="4">
        <option value="大专">大专</option>
        <option value="本科">本科</option>
        <option value="硕士">硕士</option>
        <option value="博士">博士</option>
    </select> <br>
    简介:
    <textarea name="intro" id="" cols="30" rows="10">
        我曾经在京东工作三年...
    </textarea>
    <br>
    <!--1. 普通按钮用于js的交互-->
    <input type="button" value="按钮" onclick="alert('现在时间:' + new Date().toLocaleString())">
    <!--2. reset重置按钮,可以清空你在表单中的数据-->
    <input type="reset" value="清空">
    <!--3. 提交按钮:用于将表单的数据提交给后端-->
    <input type="submit" value="提交">
    <!--4. 图片按钮,也可以充当提交按钮-->
    <input type="image" src="images/b.webp"  style="width:100px;height:50px;">
</form>
</body>
</html>